<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/6/29
  Time: 18:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<c:set var="dashboardMenuTag" value="myOrg" scope="request"></c:set>

<!Doctype html>
<html>
<head>
    <base href="<%=basePath%>">
    <title>政府数据开放平台</title>
    <jsp:include page="../../commons/include.jsp"/>

    <link href="/resources/css/lib.css" rel="stylesheet">


    <style>
        * {
            font-family: '宋体';
        }


        .list{

            width: 900px;
            margin: 50px auto 0 auto;
        }



        .list li,.list li>div {
            width: 220px;
            height: 176px;
            list-style: none;
            float: left;
            margin: 4px 0px 0px 4px;

            cursor: pointer

        }

        .list li>div div:last-of-type{
            font-size: 14px;
            font-weight: bold;
            padding: 140px 0 0 20px;
            color: #ffffff;

        }


    </style>

    <script>
        $(function () {


            $('.list  li').each(function () {
                $(this).on('click', function () {

                    $("form input[name=theme]").val($(this).attr("theme"));
                    $("form").submit();
                });
            });



        });
    </script>


</head>
<body>



<c:set value="appShow" var="topMenu" scope="request"></c:set>
<jsp:include page="../../commons/top.jsp"/>


<div class="main" style="min-height: 400px; margin-top: -10px;">


    <div style="padding: 20px; color: rgb(105,67,138); font-size: 14px;">首页 > 应用展示</div>


    <div>
        <form action="/front/front/app/list" method="get">

        <input type="hidden" name="theme">
        <div style="width: 600px; margin: 0 auto 0 auto;padding-top: 0px;">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td><input type="text" name="name" class="form-control"
                               style="width: 500px;display: inline;height: 24px;"
                               value="${requestScope.app.name}"></td>
                    <td>
                        <input type="submit"
                               style="display: inline;margin-left: 0px; margin-top: 0px; height: 30px;"
                               value="搜 &nbsp; 索">
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </div>




    <div>
        <ul class="list">
            <c:forEach items="${requestScope.result.list}" var="theme">
                <li theme="${theme.id}">

                   <div style="background: url('${theme.image}') center no-repeat;;">
                       <div>${theme.name}</div>
                   </div>
                </li>
            </c:forEach>

        </ul>
    </div>


</div>


<jsp:include page="../../commons/buttom.jsp"/>
</body>
</html>
